<style>
    .tab-bar > li a{
        color: #777;
    }
    .tab-bar > li.active a{
        background-color: #f5f5f5;
        color: #111;
    }
    .tab-bar{
        background-color: #dddddd;
    }
    .xh-area-form table tr td {
        padding: 5px;
    }
    .timeline-wrapper .timeline-row .timeline-item .timeline-icon{
        width: 44px;
        height: 44px;
    }
    .sbTable tr td {
        padding:  5px 0 5px 0;
    }
</style>
<script>
    {% if info is defined %}
            var info = {{ info | json_encode }};
            var sourceId = {{ info['iStaffId'] }};
        {% else %}
            var info = null;
    {% endif %}

</script>
<div class="smart-widget widget-dark" style="height: 100%;width: 100%;margin-bottom: 0px;border-top: 1px;overflow-y: hidden">
    <div class="smart-widget-inner" style="height: 100%;width: 100%; background-color:#f5f5f5" >
        <div  class="widget-tab clearfix">
            <ul class="tab-bar" >

                <li class="active"><a href="#style3Tab1" data-toggle="tab">基本信息</a></li>
                {% if info is defined %}
                <li class=""><a href="#style3Tab2" data-toggle="tab">应聘信息</a></li>
                <li class=""><a href="#style3Tab3" data-toggle="tab">重要教育经历</a></li>
                <li class=""><a href="#style3Tab4" data-toggle="tab">重要工作经历</a></li>
                <li class=""><a href="#style3Tab5" data-toggle="tab">重要项目经历</a></li>
                <li class=""><a href="#style3Tab6" data-toggle="tab">家庭成员状况</a></li>
                    {% if info['iState']  == 2 or info['iState']  == 3 or info['iState']  == 4 or info['iState'] == 5  %}
                        <li  class="" ><a href="#style3Tab7" data-toggle="tab">录用信息</a></li>
                    {% endif %}
                {% endif %}
            </ul>
        </div>
        <div class="smart-widget-body" style="height: 92%;width: 100%;padding-bottom: 0px;">
            <div class="tab-content" style="height: 100%;width: 100%;">
                <div class="tab-pane fade in active" id="style3Tab1" style="height: 100%;width: 100%;overflow-y: auto">
                    <div class="scrollView">
                        <div style="padding: 10px;">
                            <form id="xh_form">
                                <div class="xh-area-form">
                                    <table style="width: 100%">
                                        <tr>
                                            <td><label>姓名</label></td>
                                            <td>
                                                <input type="text" name="sStaffName" must="true">
                                                <input name="iStaffId" type="hidden">
                                            </td>
                                            <td><label>性别</label></td>
                                            <td>
                                                <select type="text" name="iUserSex" must="true">
                                                    <option value="1">男</option>
                                                    <option value="2">女</option>
                                                </select>
                                            </td>
                                            <td><label>联系电话</label></td>
                                            <td>
                                                <input type="text" name="sSelfPhone" must="true">
                                            </td>

                                        </tr>
                                        <tr>
                                            <td><label>岗位</label></td>
                                            <td>
                                                <input type="text" name="sPostName" must="true">
                                            </td>
                                            <td><label>面试时间</label></td>
                                            <td>
                                                <input type="datetime-local" name="sInterTime" placeholder="发送邀约短信必填">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><label>民族</label></td>
                                            <td>
                                                <input type="text" name="sNationName" >
                                            </td>
                                            <td><label>籍贯</label></td>
                                            <td>
                                                <input type="text" name="sNativePlace">
                                            </td>
                                            <td><label>婚育状况</label></td>
                                            <td>
                                                <select type="text" name="bMarried">
                                                    <option value="0">未婚</option>
                                                    <option value="1">已婚</option>
                                                </select>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><label>身份证</label></td>
                                            <td>
                                                <input type="text" name="sIdentityCode" >
                                            </td>
                                            <td><label>文化程度</label></td>
                                            <td>
                                                <input type="text" name="sCultureLevel">
                                            </td>
                                            <td><label>出生年月</label></td>
                                            <td>
                                                <input type="date" name="tBirthday" >
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><label>电子邮箱</label></td>
                                            <td>
                                                <input type="text" name="sEmailAddress">
                                            </td>
                                            <td><label>家庭住址</label></td>
                                            <td colspan="3">
                                                <input type="text" name="sNowAddress">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><label>健康状况</label></td>
                                            <td>
                                                <input type="text" name="mHealth">
                                            </td>
                                            <td><label>职称</label></td>
                                            <td>
                                                <input type="text" name="sPostLevel">
                                            </td>

                                        </tr>
                                        <tr>
                                            <td><label>有驾驶证</label></td>
                                            <td>
                                                <select name="bCarPlate">
                                                    <option value="1">是</option>
                                                    <option value="0">否</option>
                                                </select>
                                            </td>
                                            <td><label>准驾车型</label></td>
                                            <td>
                                                <input type="text" name="sUseCar">
                                            </td>

                                        </tr>
                                        <tr>
                                            <td valign="middle"><label>个人评价</label></td>
                                            <td colspan="5">
                                                <textarea type="text" rows="3" name="mEvaluate"></textarea>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td></td>
                                            <td>
                                                <a id="save" class="btn btn-primary">保存</a>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </form>
                        </div>
                    </div>
                </div><!-- ./tab-pane -->
                {% if info is defined %}
                <div class="tab-pane fade"  id="style3Tab2" style="height: 100%;width: 100%">
                    <div style="padding: 10px;">
                        <form id="readForm">
                            <div class="xh-area-form">
                                <table style="width: 100%">
                                    <tr>
                                        <td style="width: 75px;"><label>应聘职位</label></td>
                                        <td>
                                            <input name="sPostName" type="text">
                                            <input name="iStaffId" type="hidden">
                                        </td>
                                        <td style="width: 75px;">
                                            <label>几天到职</label>
                                        </td>
                                        <td>
                                            <input name="sMaxHire" type="text">
                                        </td>
                                        <td><label>应聘途径</label></td>
                                        <td>
                                            <select name="iEmploySource">
                                                <option value="" >请选择</option>
                                                {% for id,text in enums['iEmploySource'] %}
                                                    <option value="{{ id }}">{{ text }}</option>
                                                {% endfor %}
                                            </select>
                                            {#<input type="text" name="iEmploySource">#}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><label>推荐人</label></td>
                                        <td>
                                            <select name="iRecStaff">
                                                <option value="" >请选择</option>
                                                {% for id,text in staffArr %}
                                                    <option value="{{ id }}">{{ text }}</option>
                                                {% endfor %}
                                            </select>
                                            {#<input type="text" name="iRecStaff">#}
                                        </td>
                                        <td><label>是否<br>愿意出差</label></td>
                                        <td>
                                            <select name="bEvection">
                                                <option value="1">是</option>
                                                <option value="0">否</option>
                                            </select>
                                        </td>
                                        <td><label>是否<br>常开车</label></td>
                                        <td>
                                            <select name="iCarVeteran">
                                                <option value="0">未曾</option>
                                                <option value="1">偶尔</option>
                                                <option value="2">经常</option>
                                            </select>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><label>当前月薪</label></td>
                                        <td>
                                            <input type="text" name="sCurMoSalary">
                                        </td>
                                        <td><label>当前年薪</label></td>
                                        <td>
                                            <input type="text" name="sCurYeSalary">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><label>期望月薪</label></td>
                                        <td>
                                            <input type="text" name="sHpMoSalary">
                                        </td>
                                        <td><label>期望年薪</label></td>
                                        <td>
                                            <input type="text" name="sHpYeSalary">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td></td>
                                        <td>
                                            <a  class="btn btn-primary" onclick="obj.funObj().saveEmployInfo();">保存</a>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </form>
                    </div>
                    {#<iframe  id="groupFrame" src="{{ url('school_book/groupOrg?iSBLId=')~iSBLId }}" name="groupFrame"   style="width: 100%;height: 100%;border-style: none;padding: 0px;"  scrolling="yes"   ></iframe>#}
                </div><!-- ./tab-pane -->
                <div class="tab-pane fade"  id="style3Tab3" style="height: 100%;width: 100%">
                    <iframe  name="leanExperience"    style="width: 100%;height: 100%;border-style: none;padding: 0px;"  scrolling="yes"   ></iframe>
                </div><!-- ./tab-pane -->
                <div class="tab-pane fade"  id="style3Tab4" style="height: 100%;width: 100%">
                    <iframe  name="workExperience"    style="width: 100%;height: 100%;border-style: none;padding: 0px;"  scrolling="yes"   ></iframe>
                </div><!-- ./tab-pane -->
                <div class="tab-pane fade"  id="style3Tab5" style="height: 100%;width: 100%">
                    <iframe  name="itemExperience"   style="width: 100%;height: 100%;border-style: none;padding: 0px;"  scrolling="yes"   ></iframe>
                </div><!-- ./tab-pane -->
                <div class="tab-pane fade"  id="style3Tab6" style="height: 100%;width: 100%">
                    <iframe   name="family"   style="width: 100%;height: 100%;border-style: none;padding: 0px;"  scrolling="yes"   ></iframe>
                </div><!-- ./tab-pane -->
                    {% if info['iState']  == 2 or info['iState']  == 3 or info['iState']  == 4 or info['iState'] == 5  %}
                        <div class="tab-pane fade"  id="style3Tab7" style="height: 100%;width: 100%">
                            <iframe   name="employ"   style="width: 100%;height: 100%;border-style: none;padding: 0px;"  scrolling="yes"   ></iframe>
                        </div><!-- ./tab-pane -->
                    {% endif %}
                {% endif %}
            </div><!-- ./tab-content -->
        </div>
    </div>
</div>